/*

	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze

*/

/* This controls the width of the fluid width layouts */

div.fluid
{
width: 90% !important;
}

/* This controls the width of the fixed width layouts */

div.fixed
{
width: 950px !important;
}

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background-color: #fff;
color: #585858;
font-size: 9pt;
font-family: "trebuchet ms", helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
font-weight: normal;
letter-spacing: -1px;
text-transform: lowercase;
}

h3,h4,h5,h6
{
color: #184366;
}

h1 span
{
font-weight: bold;
}

h3 span
{
font-weight: bold;
}

h4 span
{
font-weight: bold;
}

br.clear
{
clear: both;
}

img
{
padding: 3px;
border: solid 1px #e1e1e1;
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

a
{
text-decoration: underline;
color: #F16C00;
}

a:hover
{
text-decoration: none;
}

ul.links
{
list-style: none;
}

ul.links li
{
line-height: 2em;
}

ul.links li.first
{
}

p
{
line-height: 1.8em;
}

/* Header */

#header
{
width:100%;
height:122px;
background: #440000 url('../../images/images_blue/n1.gif') repeat-x;
}

#header_inner
{
position: relative;
width: 950px;
height:122px;
margin: 0 auto;
}

/* Logo */

#logo
{
position: absolute;
bottom: 0.6em;
}

#logo h1
{
display: inline;
color: #fff;
font-size: 2.6em;
}

#logo h2
{
display: inline;
padding-left: 0.5em;
color: #D2DCE5;
font-size: 1.0em;
}

/* Menu */

#menu
{
position: absolute;
right: 0em;
bottom: 0em;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
}

#menu li a
{
margin-left: 0.5em;
display: block;
padding: 1.1em 1.4em 1.0em 1.4em;
background: #fff url('../../images/images_blue/n4.gif') repeat-x;
border: solid 1px #fff;
color: #616161;
font-weight: bold;
font-size: 1.0em;
text-transform: lowercase;
text-decoration: none;
}

#menu li a.active
{
background: #FF790B url('../../images/images_blue/n3.gif') repeat-x;
color: #fff;
border: solid 1px #DB7623;
}

/* Main */

#main
{
background: #fff url('../../images/images_blue/n2.gif') 0px 1px repeat-x;
}

#main_inner p
{
text-align: justify;
margin-bottom: 2.0em;
}

#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner
{
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 3.5em;
}

#main_inner h3,h4
{
border-bottom: dotted 1px #E1E1E1;
position: relative;
}

#main_inner h3
{
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}

#main_inner .post
{
position: relative;
}

#main_inner .post h3
{
position: relative;
font-size: 1.7em;
padding-bottom: 1.2em;
}

#main_inner .post ul.post_info
{
list-style: none;
position: absolute;
top: 3em;
font-size: 0.8em;
}

#main_inner .post ul.post_info li
{
background-position: 0em 0.2em;
background-repeat: no-repeat;
display: inline;
padding-left: 18px;
}

#main_inner .post ul.post_info li.date
{
background-image: url('../../images/images_blue/n5.gif');
}

#main_inner .post ul.post_info li.comments
{
background-image: url('../../images/images_blue/n6.gif');
margin-left: 1.1em;
}

/* Footer */

#footer
{
width: 950px;
margin: 0 auto;
text-align: center;
clear: both;
border-top: dotted 1px #E1E1E1;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-top: 1.0em;
text-transform: lowercase;
}

/* Search */

input.button
{
background: #FF790B url('../../images/images_blue/n3.gif') repeat-x;
color: #fff;
border: solid 1px #DB7623;
font-weight: bold;
text-transform: lowercase;
font-size: 0.8em;
height: 2.0em;
}

input.text
{
border: solid 1px #F1F1F1;
font-size: 1.0em;
padding: 0.25em 0.25em 0.25em 0.25em;
}

#search
{
position: relative;
width: 100%;
margin-bottom: 2.0em;
}

#search input.text
{
position: absolute;
top: 0em;
left: 0em;
width: 9.5em;
}

#search input.button
{
position: absolute;
top: 0em;
right: 0em;
min-width: 2.0em;
max-width: 2.5em;
}

/* LAYOUT - 3 COLUMNS */

	/* Primary content */
	
	#primaryContent_3columns
	{
	position: relative;
	margin-right: 34em;
	}
	
	#columnA_3columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -34em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_3columns
	{
	float: right;
	}
	
	#columnB_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 2em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
	#columnC_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
/* LAYOUT - 2 COLUMNS */

	/* Primary content */
	
	#primaryContent_2columns
	{
	position: relative;
	margin-right: 17em;
	}
	
	#columnA_2columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -17em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_2columns
	{
	float: right;
	}
	
	#columnC_2columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}

/* LAYOUT - COLUMNLESS */

	/* Primary content */
	
	#primaryContent_columnless
	{
	position: relative;
	}
	
	#columnA_columnless
	{
	position: relative;
	width: 100%;
	}
	
/* Added Layout */

	/* Tables for tasks */
	#list_div
	{
		position: relative;
		width: 85%;
		border-left: dotted 1px #E1E1E1;
		border-right: dotted 1px #E1E1E1;
		border-top: dotted 1px #E1E1E1;
		margin: 0 auto;
	}
	#list_table
	{
		position: relative;
		margin: 0 auto;
		width:	100%;
	}
	#list_table td
	{
		border-bottom: dotted 1px #E1E1E1;
	}
	tr:hover.list_table
	{
		background: #E1E1E1;
	}
	
	div.log_holder
	{
		border-right: solid 1px #1E517C;
		border-bottom: solid 1px #1E517C;
		border-left: solid 1px #1E517C;
		font-size: 1.5em;
		padding: 3px;
	}
	div.log_entry
	{
		border-bottom: dotted 1px #222222;
		font-size: medium;
		padding: 3px;
	}
	span.log_header
	{
		font-size: large;
		text-decoration:underline;
	}
	div.log_header
	{
		margin: -3px -3px 0 -3px;
		font-size:larger;
		color: #fff;
		background-color: #1E517C;
	}
	div.log_content
	{
		margin-top: 10px;
		text-indent: 5%;
	}
	p.dates
	{
		font-size: large;
	}
	span.project_name
	{
		font-size: medium;
		color: #fff;
	}
	div.comment_form
	{
		border-right: solid 1px #1E517C;
		border-bottom: solid 1px #1E517C;
		border-left: solid 1px #1E517C;
		text-align: center;
	}
/* --------------------------------------------------------------------------------- */	
/* everything below this line is trying to make the stuff work with hobo auto fields */
	


#ajax_progress {
    color: gray;
    float: right;
    margin: 20px;
    position: fixed;
    background: white;
    font-family: Tahoma "sans serif";
    display: none;
}

#ajax_progress div {
    border: 1px dashed gray;
    margin: 10px;
    padding: 3px;
    padding-top: -15px;
}

#ajax_progress img {
    padding-left: 6px;
    vertical-align: middle;
}


/* Scriptaculous Autocompleter ---*/

div.completions_popup {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}
div.completions_popup ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div.completions_popup ul li.selected { background-color: #ffb;}
div.completions_popup ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    cursor:pointer;
}

th { text-align: left; padding: 5px; }

.object_table { width:95%; }
.object_table td { padding: 5px; vertical-align: middle; }
.object_table td.field_label {
    text-align: left; width: 1px; white-space: nowrap; vertical-align: top;
    padding-top: 10px; padding-bottom: 10px;
}
.object_table input[type=text] { width: 100%; }
.object_table input, .object_table textarea { margin: -2px 0 0 0; }
.object_table textarea { width: 100%; margin: 0; }

td span.in_place_textfield_bhv, td span.in_place_textarea_bhv, td span.in_place_html_textarea_bhv {
    border: 1px solid #ddd;
    padding: 4px; background: #fafafa;
}

.login_table td.field_label { vertical-align: middle; }

input[type=text].wide { width: 100%; }
textarea { height: 200px; }
textarea.wide { width: 100%; }
textarea.tall { height: 350px; }

.inplaceeditor-form input { margin-top: 1px; padding: 5px; font-size: 13px; }

/* MESSY LOAD OF JUNK BELOW HERE---------------------------------------- */

input.button_input {
    border: 1px solid black;
    border-top-color: #fff;
    border-left-color: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
    background-color: #e5e5e5;
    padding: 2px; 
}

input.button_input.text {
    background: transparent; border: none;
    padding: 0 0 0 0; margin: -2px 0 0 0;
    color: #677077; text-decoration: underline; cursor:pointer;
}

input.image_button_input {
    border: none;
    background: transparent;
    padding: 0; margin: 0;
}

input.create_button {
    padding-left: 20px;
    background:url(../../../images/plus.png) no-repeat center left;
    background-color: #e5e5e5;
}
    

.search_result { border: 1px dashed gray; margin: 15px 10px; padding: 5px; background: white; }

.inplaceeditor-form { display: inline; margin: 0; padding: 0; }

td { vertical-align: top; padding: 5px; }

.edit_box { border-top: 1px dashed black; border-bottom: 1px dashed black; margin: 10px; }


/* CALENDAR */

table.calendar { width:100%; margin-top: 20px; border-collapse: collapse;}
table.calendar th { text-align: right; font-size:10pt;}
table.calendar td { padding: 4px; height: 35px; width: 50px; text-align:right; vertical-align: top;
                    font-weight: bold; font-size:8pt;}
table.calendar td.odd { background: #eaeaea; }
table.calendar td.even { background: #e0e0e0; }

table.calendar td.other_month { color: white; }

/* ADD/REMOVE BOX */

table.add_remove_box { width: 100%; border: 1px solid black; margin-top: 10px;}
table.add_remove_box.spinner { background-image: url(../images/spinner.gif);
                               background-repeat: no-repeat;
                               background-position: top right; }
table.add_remove_box table { width: 100%;}
table.add_remove_box td { vertical-align: top; width: 50%;}

/* NAME-BOXES */

a.name-box, a.name-box-left, a.name-box-right { text-decoration: none;  }

a.name-box { color: white; margin-left: -2px; }

a.name-box, a:hover.name-box { background: url(../images/name-box-main.gif) repeat-x bottom; }

a.name-box-left, a:hover.name-box-left  { text-decoration: none; background: url(../images/name-box-remove.gif) no-repeat bottom; }
a.name-box-right, a:hover.name-box-right { background: url(../images/name-box-right.gif) no-repeat bottom; margin-left: -2px;}

a:link.name-box-left { text-decoration: none; }
a:visited.name-box-left { text-decoration: none; }
a:active.name-box-left { text-decoration: none; }

/* BELOW ARE STYLES FROM THE OLD STYLESHEET BEING MERGED INTO STYLES ABOVE */

input, textarea {
  border: 1px dashed #666;
  background: white;
  padding: 4px;
  margin: 3px;
}

input.hoverable, textarea.hoverable { border: 1px solid #fbfbfb; background: #fbfbfb; }

input.hoverable.hover, textarea.hoverable.hover { border: 1px dashed gray; background: white; }

textarea[disabled] { color:black; background: inherit; border: 1px solid transparent; }
input[disabled] { color:black; background: inherit; border: 1px solid transparent; }

table.form th { vertical-align: top; padding-top: 7px;}

.box {
  padding: 6px;
  margin: 20px 10px;
  background: white;
}

.box h3 {
  margin-top: 0;
}

.indent {
  margin-left: 12pt;
}

.hidden {
  display: None;
}

.box p {
  margin-top: 6pt;
}

p.no-results {
  text-align: center;
}

.person {
  margin: 6pt 0;
}

.person .name {
  font-weight: bold;
}

.spinner, .hoverable.spinner { background: url(../images/spinner.gif) no-repeat center center; }

.box-menu-item {
  float: left;
  margin: 5px;
  padding: 0;
}

.hilight {
  margin: 3px;
  background: lightblue;
  padding: 6px;
}

h4 {
  margin: 3pt;
}


textarea.big {
  width: 100%;
}

form { margin: 0; padding: 0; }

.bubbles { line-height: 18px; }

img.spinner { margin-left: 6px; }

